
<template>
  <view class="tab-content">
    <nut-radiogroup v-model="ztLocation.certificateType">
      <view class=" al">
        <nut-radio label="1">不动产权证</nut-radio>
        <nut-radio label="0">房产证</nut-radio>
      </view>
    </nut-radiogroup>

    <view class="tip"> 证件只作为验证房源真实性及房源信息匹配，</view>
    <view class="tip">将自动屏蔽不展示于信息展示页。</view>
    <view class="flex-line"> 
      <Upload type="1" :file="ztLocation.certificatePath"  tag="certificatePath" />
      <Upload type="1" :file="ztLocation.planPath"  tag="planPath"/> 
     </view>

    <input class="address" v-model="ztLocation.propertyAddress" placeholder="物业单元地址" />

    <view class="flex-line">
      <InputArea
        placeholder="所在楼栋"
        tail="座"
        decimal="0"
        :val="ztLocation.building"
        target="ztLocation"
        wename="building"
      />
      <InputArea
        placeholder="所在楼层"
        tail="层"
        decimal="0"
        :val="ztLocation.storey"
        target="ztLocation"
        wename="storey"
      />
    </view>
    <view class="flex-line">
      <InputArea
        placeholder="门票号码"
        tail="号"
        decimal="0"
        :val="ztLocation.houseNumber"
        target="ztLocation"
        wename="houseNumber"
      />
      <InputArea
        placeholder="楼栋总层"
        tail="顶"
        decimal="0"
        :val="ztLocation.totalStorey"
        target="ztLocation"
        wename="totalStorey"
      />
    </view>
    <view class="tip"> 楼栋门牌信息不会显示于展示信息页，</view>
    <view class="tip">准确输入可自动匹配单元数据库信息。</view>

    <view class="tip-infos"> </view>
  </view>
</template>
<script>
/*
ztLocation
*/
import InputArea from "../../../common/inputarea.vue";
import Upload from "../../../common/uploader.vue";
export default {
  components: { Upload, InputArea },
  data() {
    return {
      ztLocation: {},
    };
  },
  created(){
    this.ztLocation = this.$store.state.ztLocation   
     console.log("加载数据",this.ztLocation);
  },
  mounted(){ 
      console.log("加载数据",this.ztLocation);
  },
  methods:{
      
  }
};
</script>  

<style>
.flex-line {
  display: flex;
  justify-content: space-between;
  margin: 10px 10vw 10px 4vw;
}
.tip {
  color: #ccc;
  font-size: 12px;
}
.address {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 4px 10px;
  width: 80%;
  text-align: center;
}
.al{
  display: flex;
  align-items: baseline;
}
.al>view{
  margin-right: 10px;
}
</style>